*{ margin: 0; padding: 0;}
ul,li,ol{ list-style: none;}
.ant-form-item{ margin-bottom: 10px;}
.ant-page-header-content{ padding-top: 0;}
.align-items{ align-items: center;}
.justify-items{ justify-items: center; justify-content: center;}
.flex{ display: flex;}
.flex-1{ flex: 1;}.flex-2{ flex: 2;} .flex-3{ float: 3;}
.w-100{ width: 100%;}

.pd-l-10{ padding-left: 10px;}
.pd-r-10{ padding-right: 10px;}
.pd-lr-15{ padding-left: 15px; padding-right: 15px;}

.mg-t-10{ margin-top:10px}

.comm-table{ 
    padding-top: 10px;
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td{
        padding:5px 10px; line-height: 32px;
    }
    .ant-btn+.ant-btn{
        margin-left: 10px;
    }
}

.comm-content{
     min-height: 100vh; 
    .comm-header{
         height: 60px; padding: 0;
         .loge{
             font-size: 20px; color: #fff; font-weight: bold;
             text-align: center; width:200px;margin-bottom: 0;
             padding: 10px; line-height: 40px;
         }
         .user-info{
            
             font-size: 16px;
             color: #fff;
             cursor: pointer;
             padding: 10px; line-height: 40px;
             span{
                 padding: 6px;
             }
             .icon{
                 font-size: 30px; font-weight: bold;
                 vertical-align: top;
             }
         }
    }
    .comm-footer{ border-top:1px solid #ddd; height: 40px; padding:0 10px; line-height: 40px; text-align: center;}
    .comm-main{
        padding: 10px; background: #fff;
        .page-header{
            background: #fafafa; border:1px solid #ddd; border-radius: 6px;
            padding:10px 15px;
        }
    }
}

.login{
    display: flex; justify-content: center; align-items: center;  height: 100vh; width: 100vm;
    background-color: #efefef;
    .login-content{
        border: 1px solid #ddd;
        padding: 20px;
        background: #fff;
        width: 300px;
        h1{ font-size:20px; font-weight: bold; line-height: 50px; text-align: center;}
        .mg-b-20{
            margin-bottom: 20px;
        }
    }
}
.history_nav{
 
    ul{
        white-space: nowrap;
        margin: 0 0 10px;
        padding: 10px;
        background: #fafafa;
        border-radius:4px;
        border: 1px solid #ddd;
    }
    li{
        height: 40px; padding: 0 10px; line-height: 40px; float: left; background: #fafafa; border: 1px solid #ddd; cursor: pointer; border-radius:3px;
        &+li{ margin-left: 10px;}
        &.on{
            background: #409EFF; border-color: #409EFF; color: #fff;
        }
    }
}
.history_nav_down{ 
    position: absolute;  background: #fff; border: 1px solid #ddd; z-index: 100; display: none;
    ul{
         margin: 0;
        li{
            line-height: 34px; padding: 0 14px; font-size: 14px; border-bottom: 1px solid #ddd; cursor: pointer;
        }
    }
}

.comm-from{ 
    padding: 10px 10px 0; background: #fafafa; border: 1px solid #ddd; border-radius: 4px;
    .ant-btn+.ant-btn{ margin-left: 10px;}
}
.comm-tip{
    padding: 10px; background: #fafafa; border: 1px solid #ddd; border-radius: 4px;
    line-height:2;
    h2{
        font-size: 16px; margin-bottom: 0;
    }
    p{ margin-bottom: 0px;}
}
.comm-title{ 
    height: 60px; line-height: 60px; font-size: 18px; color: #000; position: relative; padding-left: 15px; margin-bottom: 0;
    &::after{
        content: ""; left: 0; top:20px; height: 20px; position: absolute; width: 3px; background: #409EFF;
    }

}
.school_time{
    padding: 10px;  border: 1px solid #ddd; border-radius: 4px; margin-top: 10px;
}

.school_modal{
    padding: 10px;  border: 1px solid #ddd; border-radius: 4px; margin-top: 10px;
    .nav{
        .label{
            border: 1px solid #ddd;
            padding: 0 20px;
            line-height: 38px;
            height: 38px;
            cursor: pointer;
            display: inline-block;
            &.on{
                color:#409EFF;
            }
        }
    }

}